<template>
  <van-empty>
    <template #image>
      <div style="display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;">
        <van-icon name="success" size="80px" color="#1989fa" />
      </div>
    </template>
    <template #description>
      <div style="display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;color:#333;">
        邀请成功
      </div>
    </template>
    <van-button round type="primary" class="bottom-button" @click="close">关 闭</van-button>
  </van-empty>
</template>

<script setup>
import { useRoute, useRouter } from 'vue-router'
import { reactive, toRefs, ref } from 'vue'

const route = useRoute()
const router = useRouter()

const close = () => {
  router.replace({path: '/index'})
}
</script>

<style scoped>
.bottom-button {
  width: 160px;
  height: 40px;
}
</style>
